*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{font-family: 'Microsoft YaHei',sans-serif;overflow-x: hidden;}
.wrap{min-width: 1200px; }
.content{width: 1024px;margin: 0 auto;}
.head .content{width: 914px;}
.head{width: 100%;color: #6e6b72;}
.head h1{width: 129px;height: 38px;margin: 28px 9px 24px 0;}
.head h1 a{display: block;width: 100%;height: 100%;background: url(../img/logo.png) no-repeat;text-indent: -999em;}
.head .content div{height: 38px;border-left: 1px solid #6e6b72;margin-top: 30px;}
.head .content div p{font-size: 14px;padding-left: 9px;line-height: 20px;}
.head .content .tel{font-size: 14px;font-family: arial;margin-top: 32px;background: url(../img/tel.png) no-repeat left center;height: 35px;padding-left: 44px;line-height: 35px;}
.head .navBox{width: 100%;height: 50px;background: #f79927;}
.head .content li{width: 130px;height: 46px;text-align: center;line-height: 46px;margin-right: 16px;font-size: 16px;position: relative;}
.head .content li a{color: #31303e;width: 100%;height: 100%;display: block;}
.head .navBox .content{width: 844px;}
.head .content #last3{margin-right: -16px;}
.head .content li span{top: 55px;left: 50%;margin-left: -32px;width: 64px;height: 1px;position: absolute;background: #ffffff;}
#fir span{width: 28px;margin-left: -14px;}
.head .content li.click span{top: 40px;transition: 0.3s;}
.head .content li.click a{color: #fff;transition: 0.3s;}
/*banner*/
.banner{width: 100%;height:500px;}
.banner-img {width: 100%;height: 500px;}
.banner-img.img1 {	background: {{url_for('static', filename='./img/banner1.jpg')}} no-repeat center;}
.banner-img.img2 {	background: {{url_for('static', filename='./img/banner2.jpg')}} no-repeat center;}
.banner-img.img3 {	background: {{url_for('static', filename='./img/banner3.jpg')}} no-repeat center;}
.banner-img.img4 {	background: {{url_for('static', filename='./img/banner5.jpg')}} no-repeat center;}
#pagination1 {position: absolute;z-index: 20;width: 100%;text-align: center;}
#pagination1 .swiper-pagination-switch {display: inline-block;width: 12px;height: 12px; border-radius: 50%;margin: 36px 8px;cursor: pointer;border: 1px solid #b2b2b2;}
#pagination1 .swiper-active-switch {background: #f79927;border: 1px solid #f79927;}
/*part1*/
.part1{text-align: center;}
.posf{position: relative;height: 710px;}
.posf b{width: 24%;height: 848px;background: #f79927;position: absolute;right: 0;top:-48px;z-index: 99;}
.posf i{width: 87%;height: 550px;background: #fff;position: absolute;top: 88px;z-index: 100;}
.posf .posL{left: 0;}
.posf em{width: 100%;height: 710px;position: absolute;left: 0;top: 0;background: #f1f1f1;}
.posf .conBox{width: 100%;height: 550px;position: absolute;left: 0;top: 100px;z-index: 100;}
.part1 h2{font-size: 38px;color: #f79927;font-weight: bold;padding: 50px 0 14px;}
.part1 .txt{font-size: 18px;color: #6b6c70;margin-bottom: 60px;}
.part1 .list{width: 100%;}
.part1 .list li{width: 218px;height: 268px;border: 1px solid #bababa \9;margin-right: 48px;position: relative;}
svg{position: absolute;left: 0;top: 0;}
svg line{stroke: #bababa;stroke-width: 3;transition: all .8s ease-in-out;}
svg line.top,svg line.bottom{stroke-dasharray: 218 218;}
svg line.left,svg line.right{stroke-dasharray: 367 69;}
.part1 .list li:hover .top{transform: translateX(-436px);}
.part1 .list li:hover .left{transform: translateY(536px);}
.part1 .list li:hover .bottom{transform: translateX(436px);}
.part1 .list li:hover .right{transform: translateY(-536px);}
.part1 .list li.last{margin-right: -48px;}
.part1 .list li img{margin-top: 20px;}
.part1 .list li.last img{margin-top: 35px;}
.part1 .list li h3{font-size: 24px;color: #6b6c70;font-weight: bold;padding: 18px 0 9px;}
.part1 .list strong{width: 12px;height: 8px;background: url(../img/shape.png) no-repeat;display: block;margin: 0 auto;}
.part1 .list p{font-size: 18px;color: #6b6c70;margin: 8px 0 10px;}
.part1 .list a{display: block;width: 200px; height: 40px;background: #31303e;font-size: 18px;color: #fff;line-height: 40px;position: absolute;left: 50%;bottom: 10px;margin-left: -100px;}
.button{width: 260px;height: 45px;background: #31303e;display: block;line-height: 45px;color: #fff;margin: 50px auto 0;}
@media screen and (max-width:1438px) {
	.part1 .list li{margin-right: 35px;}
}
@media screen and (max-width:1330px) {
	.part1 .list li{margin-right: 25px;}
}
@media screen and (max-width:1232px) {
	.part1 .list li{margin-right: 20px;}
}
/*part2*/
.part2{
	padding-bottom: 100px;
}
.part2 ul{
	width: 956px;
	margin: 90px auto 0;
}
.part2 ul li{
	width: 198px;
	margin-right: 54px;
	opacity: 0.5;
	cursor: pointer;
}
.part2 ul li.last{
	margin-right: -54px;
}
.part2 ul li h3{
	font-size: 18px;
	color: #00b38b;
	font-weight: bold;
	padding: 42px 0 32px;
}
.part2 ul li p{
	width: 100%;
	font-size: 14px;
	color: #999;
	line-height: 26px;
	text-align: justify;
}
.part2 ul li.fir{
	opacity: 1;
}
/*part3*/
.part3 .txt{margin-bottom: 80px;}
.part3 .conBox2{width: 100%;height: 498px;position: relative;}
.part3 .conBox2 i{width: 50%;height: 100%;background: #f1f1f1;position: absolute;right: 0;top: 0;}
.part3 .content{position: absolute;left: 50%;margin-left: -512px;}
.part3 .content .left{width: 650px;height: 580px;background: #f79927;position: absolute;left: 0;top: -40px;}
.part3 .content .left .salary{width: 416px;height: 312px;position: absolute;left: 80px;top: 138px;}
.part3 .content .left .salary .header{margin-left: 6px;}
.part3 .content .left .salary .header li{font-size: 20px;color: #fff;}
.part3 .content .left .salary .header li.fir{margin-right: 44px;}
.part3 .content .left .salary .header li.sec{margin-right:35px;}
.part3 .content .left .salary .header li.thr{margin-right:42px;}
.part3 .content .left .box{width: 100%;height: 258px;margin-top: 36px;overflow: hidden;position: relative;}
.part3 .content .left .box2{width: 100%;height: 46px;position: absolute;left: 0;top: 0px;}
#swiper2 ul li{font-size: 16px;color: #fff;height: 46px;}
#swiper2 ul li.fir{width: 48px;margin-right: 32px;}
#swiper2 ul li.sec{width: 65px;margin-right: 44px;}
#swiper2 ul li.thr{width: 46px;margin-right:58px;}
#swiper2 ul li.fou{width: 112px;}
#swiper2{overflow: visible;}
#swiper2 .swiper-slide-active ul li{color: #000;}
.part3 .content .bor{width: 609px;height: 428px;border: 1px solid #fff;border-right:none;position: absolute;right: 0;top: 75px;}
.part3 .content .bor2{width: 119px;height: 428px;border: 1px solid #b0b0b0;border-left:none;position: absolute;right:-119px;top: 75px;}
.part3 .content .right{width: 614px;height: 375px;background:url(../img/computer.png) no-repeat;position: absolute;right: -56px;top: 62px;}
.part3 .button{margin: 100px auto 60px;}
#imgBox{width: 465px;height: 291px;position: absolute;right: 77px;bottom: 63px;}
#swiper3 .imgBox{width: 100%;height: 100%;position: relative;}
#swiper3 .imgBox h3{width: 230px;height: 56px;background: #f79927;position: absolute;right: 0;bottom: 20px;font-size: 18px;color: #fff;text-align: left;line-height: 24px;padding:6px 0 0 26px;}
/*part4*/
.part4 h2{padding:0 0 14px;}
.part4 b{left: 0;width: 20%;}
.part4 i{right: 0;height: 650px;top: 48px;}
.part4 em{height: 756px;}
.part4 .txt{margin-bottom: 24px;}
.part4 .txt2{font-size: 22px;color: #31303e;margin-bottom: 30px;}
.part4 .content2{width: 786px;margin: 0 auto;}
.part4 .num{background: url(../img/list.png) no-repeat bottom left;width: 100%;height: 318px;position: relative;}
.part4 .num li{width: 54px;font-family: arial;font-size: 20px;color: #f79927;position: absolute;bottom: 87px;}
.part4 .num li.one{color: #31303e;left: 20px;}
.part4 #num li.one strong{background: #f79927;}
.part4 .num li.two{left: 106px;}
.part4 .num li.thr{left: 180px;}
.part4 .num li.fou{left: 266px;}
.part4 .num li.fiv{left: 346px;}
.part4 .num li.six{left: 426px;}
.part4 .num li.sev{left: 502px;}
.part4 .num li.eig{left: 580px;}
.part4 .num li.nine{left: 660px;}
.part4 #num li strong{width: 35px;background: #d9d9d9;display: block;margin: 0 auto;height: 0;}
.part4 .shape{margin-left: 78px;margin-top: 28px;}
.part4 .shape2{margin-top: 10px;}
.part4 .shape div{width: 10px;height: 10px;background: #31303e;margin-top: 5px;margin-right: 10px;}
.part4 .shape p{font-size: 20px;color: #31303e;line-height: 20px;}
.part4 .shape2 div{background: #f79927;}
.part4 .shape2 p,.part5 .content li .txt2 span{color: #f79927;}
/*part5*/
.part5 .t2{padding-top: 80px;}
.part5 .txt3{margin-bottom: 30px;}
.part5 .content li{width: 180px;position: relative;height: 348px;margin-right: 98px;}
.part5 .content li i{background: url(../img/line2.png) no-repeat;position: absolute;right: 0;top: 0;width: 178px;height: 178px;}
.part5 .content li.act i{background: url(../img/line1.png) no-repeat;}
#last{margin-right: -99px;}
.part5 .content li img{position: absolute;left: 0;top: 0;}
.part5 .content li .txt1{font-size: 22px;color: #fff;position: absolute;left: 50%;margin-left: -90px;width: 180px;line-height: 30px;top: 54px;}
.part5 .content li b{width: 12px;height: 8px;margin: 204px auto 14px;display: block;position: relative;}
.part5 .content li .txt2{font-size: 18px;color: #6b6c70;line-height: 36px;}
.part5 .content li .txt2 span{font-weight: bold;}
/*part6*/
.part6 {height: 632px;}
.part6 em{height: 632px;}
.part6 b{height:727px;}
.part6 i{top: 42px;}
.part6 .conBox{height: 520px;}
.part6 .content2{width: 1020px;margin: 0px auto;}
.part6 .content2 p{font-size: 18px;color: #6b6c70;margin-top: 14px;}
.part6 .content2 li{margin-right: 20px;margin-bottom: 28px;}
.part6 .content2 li.last{margin-right: -20px;}
.part6 .content2 img:hover{
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-ms-animation-name: swing;
	-webkit-animation-name: swing;
	animation-name: swing;
	animation-duration:1s;
}
@media screen and (max-width:1390px) {
	.part6 .content2 li{margin-right: 10px;}

}
@media screen and (max-width:1300px) {
	.part6 .content2 li{margin-right: 44px;}
	.part6 .content2 img{width: 200px;height: 142px;}
	.part6 .content2 p{font-size: 16px;}
}
/*part7*/
.part1 .txt4{margin-top: -18px;}
.part7,.part9,.part13{padding-bottom: 50px;}
.part1 .title{background: url(../img/title1.png) no-repeat left center;width: 722px;margin:50px auto 0;height: 76px;line-height: 54px;padding: 0;padding-left: 84px;}
.part7 .conBox2{width: 945px;margin: 0 auto;}
.part7 .left{width: 298px;height: 488px;border-left: 2px solid #f79927;border-bottom: 2px solid #f79927;position: relative;}
.part7 .left h3{width: 298px;height: 60px;background: #f79927;font-size: 22px;color: #fff;line-height: 60px;}
#btn{position: absolute;left: -44px;top: 94px;}
#btn li,#txtBox li{font-size: 20px;color: #6b6c70;background: #fff;margin-bottom: 28px;height: 28px;line-height: 28px;cursor: pointer;}
#btn li.active{color: #f79927;transition: 0.3s;}
#txtBox{width: 228px;height: 430px;background: #f1f1f1;position: absolute;right: 0;bottom: -2px;}
#txtBox ul{width: 190px;position: absolute;left: 50%;margin-left: -95px;top: 70px;opacity: 0;filter:alpha(opacity=0)}
#txtBox #one{top: 118px;}
#txtBox #fou li,#txtBox #fiv li{font-size: 16px;}
#txtBox #fiv{width: 200px;}
#txtBox ul li{height: 36px;line-height: 36px;font-size: 18px;}
#txtBox ul.on{opacity: 1;filter:alpha(opacity=100)}
#txtBox #six .wid{height: 178px;}
.part7 .right{width: 550px;height: 488px;position: relative;overflow: hidden;}
.part7 .right div{position: absolute;left: 0;top: 488px;}
.part7 .right div.goTop{top: 0;transition: 0.5s;}
.part7 .right h4{width: 100%;height: 185px;background: #f1f1f1;color: #6b6c70;font-size: 24px;}
.part7 .right .p1{position: relative;width: 52px;margin: 0 auto;padding-top: 8px;}
.part7 .right .p1 span{width: 70px;height: 1px;background: #b7b7b7;position: absolute;top: 22px;}
.part7 .right .p1 .one{left: -70px;}
.part7 .right .p1 .two{right: -70px;}
.part7 .right .p2{font-size: 16px;padding-top: 6px;line-height: 24px;}
/*part8*/
.part8 em,.part8{height: 826px;}
.part8 i{height: 626px;top: 56px;}
.part8 .title{background: url(../img/title2.png) no-repeat;width: 762px;margin: 0 auto;}
.part8 .txt{margin-bottom: 50px;}
.part8 .header{width: 100%;height: 150px;background: #f79927;}
.part8 .header ul{width: 1000px;border-left: 1px solid #fff;margin: 0 auto;height: 100%;}
.part8 .header ul li{width: 199px;border-right: 1px solid #fff;height: 100%;position: relative;cursor: pointer;}
.part8 .header ul li span{background: url(../img/shape3.png) no-repeat;width: 20px;height: 10px;position: absolute;left: 50%;margin-left: -10px;top: 0px;opacity: 0;filter:alpha(opacity=0)}
.part8 .header ul li span.on{opacity: 1;transition: 0.3s;filter:alpha(opacity=100)}
.part8 .header ul li h3{height: 114px;}
.part8 .header ul li img{margin-top:18px;}
.part8 .header ul li img.fir{margin-top:25px;}
.part8 .header ul li img.fou{margin-top:16px;}
.part8 .header ul li p{font-size: 18px;color: #fff;}
#bott{width: 1040px;height: 210px;margin:50px auto 0;position: relative;overflow: hidden;}
#bott li{margin-right: 10px;}
#bott li.last{margin-right: -10px;}
#bott p{font-size: 16px;color: #6b6c70;padding-top: 10px;}
#bott ul{position: absolute;left:0px;top: 210px;opacity: 0;filter:alpha(opacity=0)}
#bott ul.goLeft{top: 0;transition: 0.5s;opacity: 1;filter:alpha(opacity=100)}
.part8 .button{margin-top: 70px;}
@media screen and (max-width:1430px) {
	.part8 i{width: 95%;}
}
/*part9*/
.part9 .title{background: url(../img/title3.png) no-repeat;width: 650px;}
.part9 .tBox{width: 1084px;height: 430px;margin: 0 auto;	position: relative;}
.part9 .tBox .picBox{width: 990px;margin: 0 auto;height: 100%;overflow: hidden;	position: relative;}
#posBox{width: 2200px;position: absolute;left: 0;top: 0;}
.part9 .tBox .picBox .roll{position: relative;margin-right: 10px;perspective: 1000px;cursor: pointer;}
.part9 .tBox .picBox li .bg{width: 100%;height: 65px;background: #000;opacity: 0.8;filter:alpha(opacity=80);position: absolute;left: 0;bottom: 0;}
.part9 .tBox .picBox li h3{position: absolute;left: 0;bottom: 0;width: 100%;height: 65px;text-align: left;padding-left: 13px;}
.part9 .tBox .picBox li .tName{	font-size: 18px;color: #fff;padding-top: 13px;margin-bottom: 5px;}
.part9 .tBox .picBox li .tTitle{font-size: 12px;color: #b4b4b4;}
.part9 .tBox span{width: 23px;height: 44px;background: url(../img/pre.png) no-repeat;position: absolute;top: 50%;margin-top: -22px;cursor: pointer;}
#pre{left: 0;}
#next{right: 0;background: url(../img/next.png) no-repeat;}
.roll .box-content{width: 100%;height: 480px;position: absolute;top: 0;left: 0;background: #000;    opacity: 0.8;filter:alpha(opacity=80);transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;overflow: hidden;}
.roll .box-img{transform: rotateY(0);transition: all 0.50s ease-in-out 0s;}
.roll:hover .box-img{transform: rotateY(-90deg);}
.roll:hover .box-content{transform: rotateY(0);}
.roll .box-content .t1,.roll .box-content2 .t1{font-size: 20px;	font-weight: bold;color: #fff;padding-top: 50px;}
.roll .box-content .t2,.roll .box-content2 .t2{font-size: 16px;color: #fff;padding-top: 12px;}


.roll .box-content .t3,.roll .box-content2 .t3{width: 12px;height: 8px;margin: 20px auto 0;background: url(../img/shape5.png) no-repeat;}



.roll .box-content .t4,.roll .box-content2 .t4{font-size: 14px;width: 146px;text-align: justify;color: #fff;margin: 20px auto 0;}
.box-content2{position: absolute;left: 0px;top: -470px;width: 100%;height: 100%;background: #000;opacity: 0.7;filter:alpha(opacity=70);color: #fff;}
/*part10*/
.part10{background: #f1f1f1;padding: 30px 0 50px;}
.part10 .title{background: url(../img/title4.png) no-repeat;width: 576px;}
.part10 div{width: 928px;height: 320px; position: relative;margin: 50px auto 0;}
.part10 div i{width: 230px;height: 130px;background: #f79927;position: absolute;}
.part10 div img{position: absolute;top: 0;}
.part10 div img:hover{
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-ms-animation-name: swing;
	-webkit-animation-name: swing;
	animation-name: swing;
	animation-duration:1s;
}
.part10 div i.one{left: -20px;top: -20px;}
.part10 div i.two{right: -20px;bottom: -20px;}
.part10 div .img1{left: 0;}
.part10 div .img2{right: 0;}

/*part11*/
.part11 .title{background: url(../img/title5.png) no-repeat;}
.part11 .title2{background: url(../img/title6.png) no-repeat;width: 598px;}
.part11 .slidBox{width: 1026px;height: 500px;margin:50px auto 0;overflow: hidden;position: relative;z-index: 999;}
#conBox{width: 100%;}
#conBox ul{margin-bottom: 60px;}
#conBox div{margin-top: 80px;position: absolute;left:0px;top: 150px;opacity: 0;filter:alpha(opacity=0);transition: 1s;}
#conBox .on{top: 0;transition: ease-out;opacity: 1;filter:alpha(opacity=100);}
.part11 .slidBox #conBox li{margin-right: 62px;}
.part11 .slidBox #conBox li.last{margin-right: -62px;}
#btn2{width: 960px;margin-left: 36px;}
#btn2 li{width: 150px;height: 40px;line-height: 40px;cursor: pointer;color: #6b6c70;margin-right: 10px;cursor: pointer;background: #f1f1f1;font-size: 20px;}
#btn2 li.opa{background: #f79927;transition: 0.4s;color: #fff;}
/*part12*/
.part12{height: 540px;}
.part12 .content2{width: 958px;margin: 0 auto;}
.part12 em{height: 542px;}
.part12 b{height: 640px;}
.part12 i{height: 448px;}
.part12 .content2 li{width: 200px;height: 250px;border: 1px solid #e1e0e0;box-shadow: 0px 0px 10px 0px #e1e0e0;margin-right: 48px;position: relative;}
.part12 .content2 li img{margin: 50px 0 16px;}
#last2{margin-right: -48px;}
.part12 .content2 li h3{width:186px;height: 180px;background: #f79927;position: absolute;left: 0;top: 0;padding-top: 70px;padding-left: 14px;transform: rotateY(-90deg);font-size: 18px;filter:alpha(opacity=0) \9;}
.part12 .content2 li h3 p{background: url(../img/shape4.png) no-repeat;padding-left: 23px;color: #fff;text-align: left;margin-top: 16px;}
.part12 .content2 li.on h3{transform: rotateY(0deg);transition: 0.5s;filter:alpha(opacity=100) \9;}
.part12 .content2 li h3.one{font-size: 16px;padding-left: 6px;width: 194px;padding-top: 40px;height:210px;}
@media screen and (max-width: 1340px) {
	.part12 .content2{width: 852px;}
	.part12 .content2 li{margin-right: 30px;}

}
/*part13*/
.part13 .title{background: url(../img/title7.png) no-repeat;width: 578px;}
.part13 ul{width: 1026px;margin: 0px auto;}
.part13 ul li{width: 240px;height: 220px;margin-right: 20px;border: 1px solid #e1e0e0;box-shadow: 0px 0px 10px 0px #e1e0e0;}
.part13 ul li.last{margin-right: -20px;}
.part13 ul li h4{font-size: 18px;font-weight: bold;color: #444;padding: 24px 0 6px;width: 210px;margin: 0 auto 36px;border-bottom: 1px solid #c1c1c1;}
.part13 ul li p{font-size: 16px;color: #666;}
.part13 ul li p span{display: inline-block;width: 34px;height: 44px;background: url(../img/num.png) no-repeat;margin-right: 1px;}
.part13 ul li .button{width: 180px;height: 35px;line-height: 35px;background: #f79927;color: #fff;margin-top: 24px;font-size: 16px;}
/*part14*/
.part14{background: #f1f1f1;padding-bottom: 50px;}
.part14 .conBox{width: 910px;margin: 100px auto 0;}
.part14 .conBox li{height: 158px;width: 188px;border: 1px solid #c2c2c2;position: relative;background: #fff;margin-right: 50px;margin-bottom: 30px;}
.part14 .conBox li.last{margin-right: -50px;}
.part14 .conBox li .text{font-size: 18px;color: #6b6c70;padding-top: 78px;line-height: 26px;}
.part14 .conBox li h3{position: absolute;background: url(../img/shape1.png) no-repeat;width: 89px;height: 100px;left: 50%;margin-left: -44.5px;top: -50px;}
.part14 .conBox li h3 p{font-size: 22px;color: #fff;line-height: 100px;position: absolute;width: 100%;height: 100%;}
.part14 .conBox li h3 b{position: absolute;top: 0;left: 0;background: url(../img/shape2.png) no-repeat;width: 100%;height: 100%;transform: rotate(0deg);animation: rotate 6s infinite linear;}
.part14 .button{margin-top: 20px;}
/*ly*/
#roll_top{top:10px;left:50px;width:55px;height:55px;cursor:pointer;position:absolute;background:url("../img/top.png") no-repeat center;}
@keyframes rotate{
	0%{
		transform: rotate(-360deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@-webkit-keyframes rotate{
	0%{
		transform: rotate(-360deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@-moz-keyframes rotate{
	0%{
		transform: rotate(-360deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@-ms-keyframes rotate{
	0%{
		transform: rotate(-360deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
.foot{width: 100%;background: #31303e;font-size: 16px;padding: 36px 0 90px;text-align: center;color: #fff;}
.foot p{line-height: 30px;}
.foot p a{color: #fff;}
.foot span{font-size: 14px;color: #fbfbfb}
@-ms-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.content2{
    margin:0 auto;
    width:100%;
	padding-bottom:50px;
}
.content2 .container{
    width:1180px; padding-bottom:30px; margin:0 auto;
}

.content2 .box{
    margin-bottom:10px;
    margin-right:10px;
    float:left;
    width:282px;
    height:229px;
    overflow:hidden;
    position:relative;
    border:1px solid #e4e4e4;
    transition:0.2s;
}
.content2 .box:hover{
    border:1px solid #e72a86;
    transition:0.2s;
}
.content2 .box img{
    top:0;
    left:50%;
    margin-left:-141px;
    width:282px;
    height:164px;
    display:block;
    position:absolute;
}
.content2 .box h2{
    margin-top:180px;
    margin-left:10px;
    font-size:13px;
    line-height:13px;
    color:#d40067;
}
.content2 .box h3{
    padding-left:20px;
    margin-top:10px;
    margin-left:10px;
    font-size:12px;
    line-height:14px;
    color:#999999;
    background:url("../img/audition-time.png") no-repeat left center;
}
.content2 .box a{
    display:block;
}

/*莇�12筝�絎銀�筝�����*/
.part.bg4{
    height:800px;
    background:url("../img/bg-loop1.jpg")center center;
}
.tab-ul{
    width:1002px;
    height:59px;
}
.tab-ul li{
    float:left;
    margin-right:1px;
    width:333px;
    height:59px;
    font-size:20px;
    line-height:59px;
    text-align:center;
    cursor:pointer;
    color:#1f2033;
    transition:0.5s;
    background:#e9e9ea;
}
.tab-ul li.selected{
    color:#ffffff;
    transition:0.5s;
    background:#007eff;
}
.tab-box{
    margin-top:35px;
    width:1000px;
    height:442px;
    position:relative;
}
.hide{
    display:none;
}


.jt2{
    top:-35px;
    width:19px;
    height:9px;
    position:absolute;
    background:url("../img/jt2.png") no-repeat center;
}
.jt2.pn1{
    left:157px;
}
.jt2.pn2{
    left:494px;
}
.jt2.pn3{
    left:831px;
}
.tb1 .title{
    float:left;
}
.tb1 .title.t2{
    float:right;
}
.tb1 h1{
    float:left;
    color:#ffffff;
    font-weight:bold;
    font-size:22px;
    line-height:58px;
}
.tb1 p{
    float:left;
    margin-left:10px;
    padding:3px;
    color:#ffffff;
    line-height:24px;
    border:2px solid #ffffff;
}
.tb1 .img{
    width:1012px;
}
.tb1 .img img{
    margin-top:11px;
    margin-right:11px;
    float:left;
    width:242px;
    height:161px;
}
.tb2 .img{
    margin-top:12px;
    width:1016px;
}
.tb2 .img img{
    margin-right:12px;
    margin-top:12px;
    float:left;
    width:242px;
    height:189px;
}
.tb3 .img{
    margin-top:12px;
    width:1014px;
}
.tb3 .img img{
    margin-right:13px;
    margin-top:13px;
    float:left;
    width:156px;
    height:189px;
}

/*絨延�����*/
.student{
    padding-bottom:50px;
    width:1026px;
}
.student .box{
    margin-bottom:30px;
    margin-right:14px;
    float:left;
    width:157px;
    height:192px;
    overflow:hidden;
    position:relative;
}
.student .box img{
    width:157px;
    height:192px;
}
.student .box .info{
    top:192px;
    width:157px;
    height:192px;
    opacity:0;
    transition:0.5s;
    position:absolute;
    background:rgba(0,0,0,.7);
}
.student .box:hover .info{
    top:0px;
    opacity:1;
    transition:0.5s;
}
.student .box .info h1{
    margin-top:79px;
    font-size:18px;
    line-height:18px;
    text-align:center;
    color:#ffffff;
}
.student .box .info p{
    margin-top:14px;
    font-size:16px;
    line-height:16px;
    text-align:center;
    color:#ffffff;
}

.content3{ width:100%; margin:0 auto;}
.content3 a{ background:url("../img/xuesheng2.jpg") no-repeat center; width:100%; height:421px; display:block;}
/* .footer{
    padding-bottom:20px;
    width:100%;
    height:80px;
    background:#222222;
	padding-top:20px;
}
.footer p{
    line-height:25px;
    color:#999999;
    text-align:center;
} */

.part-title2 h1{
    margin-top:8px;
    font-size:35px;
    line-height:45px;
    text-align:center;
	color:#222222;
}
.part-title2 h1.c2{
    color:#ffffff;
}
.c3{
    color:#007eff;font-size:35px;
}
.c4{
    font-size:35px; color:#fde101;
}
.part-title2 p{
    margin:0 auto;
    margin-top:8px;
    font-size:16px;
    line-height:24px;
    text-align:center;
    width:1000px;
    color:#666666;
}
.part-title2 p.big{
    width:1000px;
}

.part{
    margin:0 auto;
    width:100%;
    overflow:hidden;
}

.part.bg1{
    padding-bottom:50px;
    background:url("../img/bg1.jpg") repeat center center;
}




element.style {
    visibility: visible;
    animation-delay: 0.8s;
    animation-name: fadeInUp;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;ss
    animation-name: fadeInUp;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.btn-about01 {
    margin: 0 auto;
    width: 268px;
    height: 60px;
    line-height: 60px;
    color: #007eff;
    font-size: 24px;
    text-align: center;
    display: block;
    transition: 0.5s;
    border: 1px solid #007eff;
    border-radius: 28px;
}
a {
    text-decoration: none;
}
body, div, h1, h2, h3, h4, h5, h6, dl, dd, dt, p, a, form, select, input, span, ul, ol, li {
    margin: 0px;
    padding: 0px;
    text-indent: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;
    color: #363636;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.biaoti {
    margin-top: 100px;
    text-align: center;
}
body, div, h1, h2, h3, h4, h5, h6, dl, dd, dt, p, a, form, select, input, ul, ol, li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
user agent stylesheet
div {
    display: block;
}

body, div, h1, h2, h3, h4, h5, h6, dl, dd, dt, p, a, form, select, input, ul, ol, li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

user agent stylesheet
div {
    display: block;
}

.biaoti {
    margin-top: 100px;
    text-align: center;
}
body, div, h1, h2, h3, h4, h5, h6, dl, dd, dt, p, a, form, select, input, ul, ol, li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
user agent stylesheet
div {
    display: block;
}

.biaoti>p {
    font-size: 46px;
    color: #595959;
    font-weight: 600;
}
body, div, h1, h2, h3, h4, h5, h6, dl, dd, dt, p, a, form, select, input, ul, ol, li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
user agent stylesheet
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.biaoti {
    margin-top: 100px;
    text-align: center;
}

.biaoti>p>span {
    color: #0096db;
}
.biaoti>p {
    font-size: 46px;
    color: #595959;
    font-weight: 600;
}
body, div, h1, h2, h3, h4, h5, h6, dl, dd, dt, p, a, form, select, input, ul, ol, li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
.biaoti {
    margin-top: 100px;
    text-align: center;
}

.biaoti>span {
    margin-top: 12px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #414141;
}
.biaoti {
    margin-top: 100px;
    text-align: center;
}
body, div, h1, h2, h3, h4, h5, h6, dl, dd, dt, p, a, form, select, input, ul, ol, li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

.biaoti>.xian {
    width: 205px;
    margin: 0 auto;
}
body, div, h1, h2, h3, h4, h5, h6, dl, dd, dt, p, a, form, select, input, ul, ol, li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
user agent stylesheet
div {
    display: block;
}
.biaoti {
    margin-top: 100px;
    text-align: center;
}

.image-bg {
  width: 11rem;
  padding: 0.5rem;
  margin-top: 0.6rem;
  position: relative; }
  .image-bg .image-img1 {
    width: 11.17rem;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50.6%);
        -ms-transform: translate(-50.6%);
            transform: translate(-50.6%); }
    .image-bg .image-img1.img2 {
      position: absolute;
      width: 11.5rem;
      left: 50%;
      top: 50%;
      display: none;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .image-bg:hover .img2 {
    display: block; }
  .image-bg .image-img3 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 10.57rem; }



.boxlist2 .boxlist2_con3test ul li{height: 165px;margin-top: 60px;}
.boxlist2 .boxlist2_con3test ul li .boxlist2img{width: 90px;height: 87px;margin: -50px auto 0;overflow: hidden;}
.boxlist2 .boxlist2_con3test ul li .boxlist2img2 img{margin-left: -90px;}
.boxlist2 .boxlist2_con3test ul li .boxlist2img3 img{margin-left: -180px;}
.boxlist2 .boxlist2_con3test ul li .boxlist2img4 img{margin-left: -270px;}
.boxlist2 .boxlist2_con3test ul li h2{padding-top: 0;padding-bottom: 3px;}
.boxlist2 .boxlist2_con3test ul li h2{padding-top: 0;padding-bottom: 3px;}
.boxlist2 .boxlist2_con3test ul li h2 span{border-bottom-color:#00939f ;height: 35px;}
.boxlist2 .boxlist2_con3test .list2_bot .botmain{left: 722px;top: 9px;width: 133px;}
.boxlist2 .boxlist2_con3test .list2_bot .botmain3{left: 0px;top: 190px;width: 600px;}
.boxlist2 .boxlist2_con3test .list2_bot .botmain2{left: 1020px;top: 192px;}
.boxlist2 .boxlist2_con3test .list2_bot .botmain p{font-size: 14px;width: 133px;margin-left: 21px;line-height: 18px;text-align: left;line-height: 22px;margin-bottom:16px ;}
.boxlist2 .boxlist2_con3test .list2_bot .botmain3 p{width: 150px;margin-left: 0;margin-right: 70px;text-align: center!important;}
.boxlist2 .boxlist2_con3test .list2_bot .botmain2 p{color: #fff !important;font-size: 20px;line-height: 30px;}
.boxlist2 .boxlist2_con3test .boxlist2bg2{margin-left: -17px; }






.c14 {
  position: relative;
  min-width: 1100px;
  box-sizing: border-box;
  padding: 60px 0;
}

.c14 {
  height: 530px;
  padding: 0;
}
.c14 .warp {
  position: absolute;
  box-sizing: border-box;
  width: 1200px;
  height: 100%;
  padding: 40px 0;
  left: 50%;
  margin-left: -600px;
  background-color: #f7f7f7;
}

.c14-cont {
  width: 1100px;
  margin: 0 auto;
  margin-top: 40px;
}
.c14-cont > div:nth-child(1) {
  margin-right: 30px;
}
.c14-cont > div {
  position: relative;
}
.c14-cont > div ul {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  top: 0;
  left: 0;
  padding-left: 190px;
  padding-top: 26px;
}
.c14-cont > div ul li {
  width: 328px;
  font-size: 14px;
  line-height: 26px;
  color: #211b4a;
  font-weight: normal;
  text-align: left;
  border-bottom: 1px solid #c4bfe6;
  cursor: pointer;
}
.c14-cont > div ul li:last-child {
  border: none;
}
.c14-cont a {
  position: relative;
  margin-top: -26px;
  z-index: 2;
}


.c14-alert-mianshi,
.c14-alert-wenzhang {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

.c14-alert-mianshi {
  display: none;
}
.c14-alert-mianshi > div {
  position: absolute;
  width: 608px;
  height: 446px;
  top: 50%;
  left: 50%;
  margin-top: -223px;
  margin-left: -304px;
  background-color: #fff;
  border-radius: 10px;
}
.c14-alert-mianshi .c14-mianshi-close {
  position: absolute;
  top: 13px;
  right: 13px;
}
.c14-alert-mianshi .c14-alert-mianshi-cont {
  padding: 40px 32px;
}
.c14-alert-mianshi .c14-alert-mianshi-cont > div {
  display: none;
}
.c14-alert-mianshi .c14-alert-mianshi-cont > div.active {
  display: block;
}
.c14-alert-mianshi .c14-alert-mianshi-cont > div > h3 {
  display: inline-block;
  padding: 0 3px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 28px;
  color: #211b4a;
  font-weight: bold;
  text-align: center;
  background-color: #f2cd22;
}
.c14-alert-mianshi .c14-alert-mianshi-cont > div img {
  display: block;
  margin-bottom: 14px;
}
.c14-alert-mianshi .c14-alert-mianshi-cont > div p {
  height: 300px;
  overflow-y: scroll;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
  font-weight: normal;
  text-align: left;
}

.c14-alert-wenzhang {
  display: none;
}
.c14-alert-wenzhang > div {
  position: absolute;
  box-sizing: border-box;
  width: 1100px;
  height: 100vh;
  top: 0;
  left: 50%;
  margin-left: -550px;
  background-color: #fff;
  padding-top: 30px;
}
.c14-alert-wenzhang .c14-wenzhang-close {
  position: absolute;
  top: 4px;
  right: 5px;
}
.c14-alert-wenzhang .c14-alert-wenzhang-cont > iframe {
  display: none;
  border: none;
  height: 100vh;
}
.c14-alert-wenzhang .c14-alert-wenzhang-cont > iframe.active {
  display: block;
}

